<template>
	<div class="rap_commn_box">
		<head-nav></head-nav>
		<!-- 占位 -->
    	<div class="zanwei-top"></div>
    	
    	<div class="rapright">
    		<div class="tit">
    			<div class="tit" @click="goBack">
	    			<i class="iconfont icon-houtui"></i>
	    			<span>完成支付</span>
    			</div>
    		</div>
    		<div class="cont">
    			<h3>抢购成功!</h3>
    			<div class="ph">
    				<img src="http://www.rtaksoft.com:3200/res/form/2c91a36a63d4cc100163dd9bc49e01ee/297eb6155f35043d015f3505adfd0004/9377620180609104554292.png"/>
    			</div>
    			<div class="btn" @click="goBack">返回</div>
    			<div class="tis">您的订单（{{itemObj.ddh}}）已支付成功</div>
    			<p>爆款产品数量有限，抢完为止</p>
    		</div>
    	</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				minute: '15',
				second: '00',
				total: 1800,
				itemObj: {
					img: 'http://www.rtaksoft.com:3200/res/form/2c91a36a63d4cc100163dd9bc49e01ee/297eb6155f35043d015f3505adfd0004/9864120180608121647134.png',
					title: '乐宾9周年 店庆预售卡',
					img2: 'http://www.rtaksoft.com:3200/res/form/2c91a36a63d4cc100163dd9bc49e01ee/297eb6155f35043d015f3505adfd0004/1424420180608122452695.png',
					je: 1800,
					qbye: 0,
					ddh: 1111111
				}
			}
		},
		methods: {
			goBack() {
				this.$router.go(-3);
			}
		},
		mounted() {
			console.log(this.$route.params);
		}
	}
</script>

<style lang="less">
	.rap_commn_box {
		padding: 0.1rem 0.2rem;
		/*background-color: #e9e9e9;*/
	}
	.rapright {
		background-color: #fff;
		border: 0.01rem solid #c7c7c7;
		box-shadow: 0 0 0.05rem #eee;
		width: 7.1rem;
		.tit {
			padding-left: 0.15rem;
			display: flex;
			align-items: center;
			height: 0.88rem;
			border-bottom: 0.01rem solid #c7c7c7;
			span {
				margin-left: 5px;
			}
		}
		.cont {
			display: flex;
			flex-direction: column;
			align-items: center;
			text-align: center;
			padding: 1.30rem 0;
			h3 {
				font-weight: normal;
				font-size: 0.52rem;
				line-height: 0.8rem;
				color: #b8b8b8;
			}
			.ph {
				width: 3.18rem;
				height: 3.18rem;
				border: 50%;
				overflow: hidden;
				margin: 0.36rem 0 1.56rem 0;
				img {
					width: 3.18rem;
					height: 3.18rem;
				}
			}
			.btn {
				width: 3.94rem;
				height: 0.76rem;
				text-align: center;
				line-height: 0.76rem;
				background-color: #8fc320;
				color: #fff;
				margin-bottom: 0.1rem;
			}
			.tis,p {
				font-size: 0.2rem;
				color: #b5b6b5;
				line-height: 0.4rem;
			}
		}
	}
</style>